$(function () {
 getUserInfo();
 $('#logout').on('click', function () {
  // layui里面的询问框,点击确定才能执行回调函数里面的代码
  // index代表的是一个参数,写什么都行,只是为了让程序退出当前页面,回到指定页面
  layer.confirm('确认退出登录吗?', { icon: 3, title: '提示' }, function (index) {
   localStorage.removeItem('token')
   location.href = '/login.html'
   // 自带的代码,关闭询问框
   layer.close(index)

  })
 })
})
// 需求:获取用户信息渲染头像封装成函数
// 要求:必须设置为全局函数,不是局部函数!
function getUserInfo() {
 axios({
  url: '/my/userinfo',
  headers: {
   // token是身份认证标识
   Authorization: localStorage.getItem(
    'token'
   )
  }
 }).then(res => {
  console.log(res.data.data);
  if (res.data.status !== 0) {
   return layui.layer.msg(res.data.message)
  }
  renderAvatar(res.data.data)
 })
}
// 渲染用户信息和头像
function renderAvatar(user) {
 // 渲染欢迎.如果有nickname有限渲染nickname,没有nickname渲染username
 let name = user.nickname || user.username
 $('.welcome').html('欢迎&nbsp;' + name)
 // 处理头像-如果有图片头像渲染图片头像,否则渲染文字头像
 if (user.user_pic !== null) {
  //如果有图片头像渲染图片头像,-隐藏文字头像,显示图片头像
  $('.avatar-text').hide()
  $('.layui-nav-img').show().attr('src', user.user_pic)
 } else {
  $('.layui-nav-img').hide()
  let first = name[0].toUpperCase()
  $('.avatar-text').show().html(first)

 }
}